.menu {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 30px;
  list-style: none;
  border-bottom: $menu-border-width solid $menu-border-color;
  box-shadow: $menu-box-shadow;
  &.menu-vertical {
    flex-direction: column;
    border-bottom: none;
    border-left: $menu-border-width solid $menu-border-color;
    .menu-item {
      &.is-active,
      &:hover {
        border-bottom-color: transparent;
        border-left-color: $menu-item-active-color;
      }
    }
  }
}
